<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>订单管理 － 订单详细</title>
    <meta name="keywords" content="响应式后台">
    <meta name="description" content="使用了Html5+CSS3等现代技术">

    <link rel="shortcut icon" href="/favicon.ico">
    <link href="/web/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="/web/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="/web/css/plugins/datapicker/datepicker3.css" rel="stylesheet">
    <link href="/web/css/animate.min.css" rel="stylesheet">
    <link href="/web/css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link href="/web/css/plugins/toastr/toastr.min.css" rel="stylesheet">
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content  animated fadeInRight">
    <div class="row">
        <div class="col-md-12">
            <div class="ibox">
                <div class="ibox-content">
                    <table class="table table-bordered table-hover">
                        <thead>
                        <tr>
                            <th>订单号</th>
                            <th>购买者编号</th>
                            <th>购买者</th>
                            <th>购买方式</th>
                            <th>订单总额</th>
                            <th>积分额度</th>
                            <th>支付状态</th>
                            <th>审核状态</th>
                            <th>订单状态</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td id="orderId" th:text="${order.orderId}"></td>
                            <td th:text="${order.userId}"></td>
                            <td id="nickName" th:text="${order.nickName}"></td>
<!--                            <td id="orderCtime" th:text="${order.ctime}"></td>-->
                            <div th:switch="${order.orderType}">
                                <div th:case="'0'">
                                    <td type="text">🤷</td>
                                </div>
                                <div th:case="'1'">
                                    <td type="text">微信</td>
                                </div>
                                <div th:case="'2'">
                                    <td type="text">💰</td>
                                </div>
                                <div th:case="'3'">
                                    <td type="text">💸💰</td>
                                </div>
                                <div th:case="'4'">
                                    <td type="text">💸💰🈵</td>
                                </div>
                                <div th:case="'5'">
                                    <td type="text">💸🈵</td>
                                </div>
                                <div th:case="'6'">
                                    <td type="text">💰🈵</td>
                                </div>
                            </div>
                            <td id="orderAmount" th:text="${order.orderAmount}"></td>
                            <td id="amountScore" th:text="${order.amountScore/100}"></td>
                            <div th:switch="${order.payStatus}">
                                <div th:case="'1'">
                                    <td type="text">已支付</td>
                                </div>
                                <div th:case="'0'">
                                    <td type="text">未支付</td>
                                </div>
                                <div th:case="'3'">
                                    <td type="text">退货退款</td>
                                </div>
                            </div>
                            <td id="auditStatus" th:text="${order.auditStatus}"></td>
                            <td id="orderStatus" th:text="${order.orderStatus}"></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="ibox-content">
                    <table class="table table-bordered table-hover">
                        <thead>
                        <tr>
                            <th>订单编号</th>
                            <th>收货人</th>
                            <th>收货电话</th>
                            <th>收货地址</th>
                            <th>运费</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td th:text="${order.orderSn}"></td>
                            <td th:text="${order.consignee}"></td>
                            <td th:text="${order.mobile}"></td>
                            <td th:text="${order.shippingAddress}"></td>
                            <td id="exPrice" th:text="${order.exPrice}"></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <!--<input th:text="${shoppingOrderVOS}"/>-->
                <div class="ibox-content">
                    <div th:each="shoppingOrder:${shoppingOrderVOS}">
                        <div class="panel-group" id="accordion">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion"
                                           th:href="${'#RT'+shoppingOrder.companyId}">
                                                <span style="padding-right: 30px"><img style="width: 50px; height: 50px;" th:src="${shoppingOrder.companyHeadimg}"/></span>
                                                <span style="padding-right: 100px" th:text="${shoppingOrder.companyName}"></span>
                                                <span style="padding-right: 100px" th:text="${shoppingOrder.linkman}"></span>
                                                <label>电话:</label><span style="padding-right: 100px" th:text="${shoppingOrder.companyPhone}"></span>
                                                <label>地址:</label><span style="padding-right: 100px" th:text="${shoppingOrder.address}"></span>
                                                <br>
                                            <div style="padding-top: 20px">
                                                <label>订单总额:</label><span class="amount" style="padding-right: 60px" th:text="${shoppingOrder.orderAmount}"></span>
                                                <label>商品数量:</label><span style="padding-right: 60px" th:text="${shoppingOrder.goodsNumber}"></span>
                                                <label>优惠券:</label><span style="padding-right: 60px" th:text="${shoppingOrder.couponPrice}"></span>
                                            </div>
                                        </a>
                                    </h4>
                                </div>
                                <div th:id="${'RT'+shoppingOrder.companyId}" class="panel-collapse collapse in">
                                    <div class="panel-body">
                                        <div th:each="orderProd:${shoppingOrder.goodsListVO}">
                                            <!--<div th:text="${orderProd.goodsName}"></div>-->
                                            <!--<div th:text="${orderProd.goodsNumber}"></div>-->
                                            <table class="table table-bordered table-hover">
                                                <thead>
                                                <tr>
                                                    <th style="width: 15%">商品图片</th>
                                                    <th style="width: 15%">商品名</th>
                                                    <th style="width: 15%">数量</th>
                                                    <th style="width: 15%">售价</th>
                                                    <th style="width: 15%">原价</th>
<!--                                                    <th style="width: 15%">评价😭/😊</th>-->
                                                    <th style="width: 15%">是否确认收货</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                <tr>
                                                    <td style="width: 15%">
                                                        <img style="width: 50px; height: 50px;" th:src="${orderProd.goodsThum}"/>
                                                    </td>
                                                    <td style="width: 15%" th:text="${orderProd.goodsName}"></td>
                                                    <td style="width: 15%" th:text="${orderProd.goodsNumber}"></td>
                                                    <td style="width: 15%" th:text="${orderProd.goodsScreenPriceVO}"></td>
                                                    <td style="width: 15%" th:text="${orderProd.goodsRealPriceVO}"></td>
                                                    <td style="width: 15%" th:text="${shoppingOrder.orderStatus==6?'已确认':'未确认'}"></td>
<!--                                                    <td style="width: 15%" th:text="${orderProd.evaluate==1?'😊':'😭'}"></td>-->
<!--                                                    <td style="width: 15%"><button id="fahuo" class="btn btn-primary" th:name="${shoppingOrder.id}"-->
<!--                                                                                   th:text="${shoppingOrder.orderStatus==0?'立即发货':'已发货'}"></button></td>-->
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <form id="ajaxform" class="form-horizontal" role="form">
                    <div class="ibox-content">
                        <input type="hidden" name="orderId" th:value="${order.orderId}"/>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">审核状态
                                <br/>
                                <small class="text-navy">务必填写备注信息</small>
                            </label>
                            <div class="col-sm-10">
                                <div class="radio i-checks">
                                    <label>
                                        <input type="radio" name="auditStatus" value="1" checked=""> <i></i> 审核通过 </label>
                                </div>
                                <div class="radio i-checks">
                                    <label>
                                        <input type="radio" name="auditStatus" value="2"> <i></i> 审核未通过 </label>
                                </div>

                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">备注信息</label>
                            <div class="col-sm-4">
                                <input type="text" name="remark" class="form-control" placeholder="备注信息必须填写">
                            </div>
                            <div class="col-sm-6"></div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-5"></div>
                            <button id="submitUpdate" class="btn btn-primary col-sm-2">提交</button>
                            <div class="col-sm-5"></div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script src="/web/js/jquery.min.js?v=2.1.4"></script>
<script src="/web/js/bootstrap.min.js?v=3.3.6"></script>
<script src="/web/js/content.min.js?v=1.0.0"></script>
<script src="/web/js/plugins/datapicker/bootstrap-datepicker.js"></script>
<script src="/web/js/plugins/validate/jquery.validate.min.js"></script>
<script src="/web/js/plugins/validate/messages_zh.min.js"></script>
<script src="/web/js/plugins/toastr/toastr.min.js"></script>
<script th:inline="javascript" src="/web/js/self/commons.js?v=1.0"></script>
<script src="/web/js/layer/layer.js"></script>
<script th:inline="javascript" src="/web/js/self/order_update.js?v=1.0"></script>
</body>
</html>
